@charset "utf-8";
*{margin:0;padding:0;}
body{font-size:12px;font-family:"Arial";color:#333;}
form,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0; padding:0;}
img{border:0;}
ul,li{list-style-type:none;}
html, body {height: 100%; width:100%;}

.top{ width:100%; height:72px; max-height: 72px; background-image:url(../images/home/topbg.jpg);z-index: 2}
.top .logo{ margin-top:15px;  height:51%; margin-left:30px; float:left;;}
.top .set{ float:right;padding-top:25px;margin-right:50px;}
.top .set li a{ float:left; font-size:14px;color:#fff; text-align:center; font-weight:bold; height:4.5%; text-decoration:none;margin-left:8px;}
.top .set li a:hover{ float:left;font-size:14px;color:#fff; text-align:center; font-weight:bold; height:4.5%; background-image:url(../images/home/topbg1.png);}
.top .set li{ float:left; font-size:14px;color:#fff; text-align:center; font-weight:bold; height:4.5%;}
.top .set li span{ margin-left:5px; }


.content { background-color:#fff;
    overflow-x: auto;
    overflow-y: scroll;
    float: left;
    text-align:center;
    z-index: 1;
	text-align:center;}
	

/* 本案例代码begin */
.left_nav{
    width: 5.5%;
    max-width:120px;
    padding-bottom: 0;
    float: left;
    z-index:2; background-color:#242424; font-size:16px; font-family:"Arial"; font-weight:bold;}
.left_nav a{ color:#999;text-decoration:none;}

/*.left_nav dl dt{ width:85px; height:22px; line-height:22px; background:url(../images/long.png) no-repeat 12px center #E6238F; padding-left:35px; color:#fff; margin-bottom:4px;}*/
.left_nav dl dd{  position:relative; text-align:center;}

.left_nav dl dd a.nav_left{width: 100%; height:0; padding-bottom: 100%; display:block;}
.left_nav dl dd a.nav_left:hover{ background-color:#34393d;color:#999;text-decoration:none;}



.menu-icon {
    width: 40%;
   max-width: 48px;
}

.popover{
    max-width: 1200px !important;
}

.my-popover {
    padding:10px;
}
.my-popover-title {
    font-size:14px; font-weight:bold; color:#c94133;
     border-bottom:1px solid #CCC;
    padding-left: 10px;
    padding-right: 0px; 
    padding-bottom:4px; 
    text-align:left; 
    margin: 0 -5px;
}

.my-popover-list {
     font-size:12px; 
     color:#666;
    font-weight: normal;
     text-align:left;
    margin-bottom: 0px !important;
     display:inline-block;
     vertical-align: top;
     margin: 8px 8px 0px 8px;
}

.my-popover-list li {
    line-height:24px; font-size:12px; color:#666;   text-align:left; font-weight:normal; 
}

.nav_right {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    font-size:16px; font-family:"Arial"; font-weight:bold;
}

.nav_right a {
    color:#666;text-decoration:none;text-align: left;
}

.nav_right a:hover{ color:#c94133; text-decoration: underline;}